<template>
  <button :class="['btn', 'btn-' + type]"><slot></slot></button>
</template>

<script>
export default {
    name: '',
    props: ['type'],
    data() { 
        return {

        }
    },
    created() {

    },
    methods:{

    },
}
</script>

<style scoped lang="scss">
.btn {
    border: none;
    outline: none;
    padding: 10px 20px;
    color: #fff;
}
.btn-primary {
    background-color: #1989fa;
}
.btn-success {
    background-color: #07c160;
}
</style>